{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        {% block title %}
        {% endblock %}
    </title>

    <link rel="stylesheet" type="text/css" href="{% static "css/bootstrap.css" %}">
    {% block other_css %}
    {% endblock %}
</head>

<body onload="getdates()" data-spy="scroll" data-target="#HelpOnlineScrollspy">
    <div>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container-fluid" style="background-color:#5f5f5f;">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#TuringClass-nabvar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">
                      <img src="{% static "images/water_logo.png" %}" alt="Brand" style="boder-style: none">
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="TuringClass-nabvar">

                </div>
            </div>

            <div>
                <ol class="breadcrumb control_breadcrumb">
                    <li><span class="glyphicon glyphicon-th-list"></span>当前位置：</li>

                    <li>
                        <a href="">
                            <span class="glyphicon glyphicon-home"></span>主页
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <span class="glyphicon glyphicon-globe"></span> 数据库维护
                        </a>
                    </li>

                    <div class="pull-right timer" id="date"></div>
                </ol>
            </div>
        </nav>

                <div class="container-fluid">
            <div class="row" style="margin-bottom:35px;">
                <!-- 左侧内容 -->
                <div class="col-sm-3 col-md-2 sidebar" >
                    <div class="sidebar-menu">
                        <div style="margin-top:15px;">
                            <a href="">主页</a>
                            <a href="">数据库管理</a>
                            <a href="">账号管理</a>
                        </div>
                    </div>
                </div>
                <!-- 右侧内容 -->
                <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2" style="margin-top:50px;">
                    {% block right_content %}
                    {% endblock %}
                </div>
            </div>

        </div>
    </div>

    <script type="text/javascript" src = "{% static "js/jquery.min.js" %}" ></script>
    <script type="text/javascript" src = "{% static "js/bootstrap.js" %}" ></script>
    <script type="text/javascript" src = "{% static "js/Timer.js" %}" ></script>
    {% block other_script %}
    {% endblock %}
</body>
</html>

